<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./utils/flexible.js"></script>
    <link rel="stylesheet" href="./css/index.css">

</head>
<style>

</style>
<!-- //使用rem 来进行适配 -->

<body>
    <header>
        <a href="" class="logo"><img src="http://chst.vip:8081/for-stu/wfzh/images/header_logo.png" alt=""></a>
        <a href="" class="xz"><img src="http://chst.vip:8081/for-stu/wfzh/images/header_app.png" alt=""></a>

    </header>
    <section class="section">
        <input type="text" class="input" name placeholder="请输入你想比价的产品">
        <button></button>
    </section>
    <nav id="nav">
        <div class="container">
            <div class="box">
                <div class="topbox">

                    <div class="bjss">
                        <img src="../项目/MobileShopProject/dist/images/ic_search.png" alt="">
                        <p>比价搜索</p>
                    </div>
                    <div class="sqk">
                        <img src="../项目/MobileShopProject/dist/images/ic_cu.png" alt="">
                        <p>省钱控</p>
                    </div>
                    <div class="gnzk">
                        <img src="../项目/MobileShopProject/dist/images/ic_coudanpin.png" alt="">
                        <p>国内折扣</p>
                    </div>
                    <div class="bcj">
                        <img src="../项目/MobileShopProject/dist/images/ic_bcj.png" alt="">
                        <p>白菜价</p>
                    </div>
                    <div class="htzk">
                        <img src="../项目/MobileShopProject/dist/images/haitao.png" alt="">
                        <p>海淘折扣</p>
                    </div>
                    <div class="yhj">
                        <img src="../项目/MobileShopProject/dist/images/ic_temai.png" alt="">
                        <p>优惠劵</p>
                    </div>
                    <div class="clsj">
                        <img src="../项目/MobileShopProject/dist/images/ic_trend.png" alt="">
                        <p>查历史价</p>
                    </div>
                    <div class="bt">
                        <img src="../项目/MobileShopProject/dist/images/gengduo.png" alt="">
                        <p>更多</p>
                    </div>
                </div>
 
                <div class="botbox">
                    <div class="cdp">
                        <img src="../项目/MobileShopProject/dist/images/ic_coudanpin.png" alt="">
                        <p>凑单品</p>
                    </div>
                    <div class="kbph">
                        <img src="../项目/MobileShopProject/dist/images/ic_kb.png" alt="">
                        <p>口碑排行</p>
                    </div>
                    <div class="scdh">
                        <img src="../项目/MobileShopProject/dist/images/ic_mall.png" alt="">
                        <p>商城导航</p>
                    </div>
                    <div class="ppdq">
                        <img src="../项目/MobileShopProject/dist/images/ic_pp.png" alt="">
                        <p>品牌大全</p>
                    </div>

                </div>
            </div>
        </div>
    </nav>
    <div class="discount">
        <span>超值折扣推荐</span>
        <a href=""><img src="http://chst.vip:8081/for-stu/wfzh/images/more.png" alt=""></a>

    </div>
    <div>
        <ul class="uu">


        </ul>
    </div>
    <section id="footer">
        <div class="more">
            <a href="">更多优惠信息&gt;</a>

        </div>
        <div id="chart">
            <span>品牌排行</span>
            <img src="http://chst.vip:8081/for-stu/wfzh/images/more.png" alt="">
        </div>
        <div id="foot">
            <ul class="u1">
                <li class="l1">登入</li>
                <li class="l2">注册</li>
                <li class="l3">返回顶部</li>
            </ul>

        </div>
        <div id="foot-1">
            <p>
                <a href="#">手机APP下载</a>
                <a href="#">万锋智慧商城手机版</a>
                --掌上比价平台

            </p>
            <p> 
                chst.vip:8801/crm

            </p>
        </div>
    </section>


</body>

</html>
<script src='http://code.jquery.com/jquery-3.6.0.min.js'></script>
<script src="./js/index.js"></script>
<script>
    $('.bjss').click(function(){
        location.href='./bjss.html'
    })
    
</script>
<!-- <script>
    let dv = document.querySelector('.container');

    fetch('http://chst.vip:1234/api/getindexmenu')
        .then(body => body.json())
        .then(res => {
            console.log(res)
            let el = "";
            res.result.forEach(item => {
                el += ` <div>
            <a href="">
                <img src="${item.img}" alt="">
            </a>
            <p>${item.name}</p>
        </div>`

            })
            dv.innerHTML = el;
        })
</script> -->
<!-- <script>
   $('.bt').on('click',function(){
    $('.botbox').css('display','none');
    }
) 


</script> -->